<template>
	<view>
		 <view class="ApplySale-demo">
		  <van-row>
			<van-col span="9"><image :src="list.picUrl" mode="" style="width: 250rpx;height: 250rpx;"></image></van-col>
			<van-col span="14">
			  <p>{{list.productName}}</p>
			  <P style="color: #cccccc;font-size: 0.6rem;padding-top: 0.5rem">{{list.labelName}},{{list.labelUnit}}</P>
			</van-col>
		  </van-row>
		  <van-cell title="我要退货退款" icon="shop-o" align="left" @click="toReturnRefund">
			<!-- 使用 right-icon 插槽来自定义右侧图标 -->
			<template #right-icon>
			  <van-icon name="arrow" class="search-icon" />
			</template>
		  </van-cell>
		  <van-cell title="我要换货" icon="shop-o" align="left" @click="toExchangeGoods">
			<!-- 使用 right-icon 插槽来自定义右侧图标 -->
			<template #right-icon>
			  <van-icon name="arrow" class="search-icon" />
			</template>
		  </van-cell>
		</view>
		
	</view>
</template>

<script>
	export default {
		 components: {
			 
		 },
		data() {
			return {
			  //商品的信息
			  list:{},
								 
			}
		},
		//页面渲染前加载
		created(){
			this.list = JSON.parse(sessionStorage.getItem('list'));
			console.log(JSON.stringify(this.list));
		},
		methods: {
			//退货退款
			  toReturnRefund(){
				sessionStorage.setItem('list',JSON.stringify(this.list));
				uni.navigateTo({
				    url: '../ReturnRefund/ReturnRefund'
				});
			  },
			  //换货
			  toExchangeGoods(){
				sessionStorage.setItem('list',JSON.stringify(this.list));
				uni.navigateTo({
				    url: '../ExchangeGoods/ExchangeGoods'
				});
			  },
			
		},
		//同步数据
		watch:{
			
		},
	}
</script>

<style>
	 .demo-nav{
	    position: relative;
	    display: flex;
	    -webkit-box-align: center;
	    align-items: center;
	    -webkit-box-pack: center;
	    justify-content: center;
	    height: 56px;
	    background-color: #fff;
	    font-size: 1.1rem;
	  }
	  .demo-nav__back{
	    position: absolute;
	    top: 16px;
	    left: 16px;
	    width: 24px;
	    height: 24px;
	    cursor: pointer;
	  }
	  .ApplySale-demo{
	    padding: 0.5rem;
	  }
	  .custom-title {
	    margin-right: 4px;
	    vertical-align: middle;
	  }
	
	  .search-icon {
	    font-size: 16px;
	    line-height: inherit;
	  }
</style>
